/* TabStrip */

.k-tabstrip
{
    margin: 0;
    padding: 0;
    zoom: 1;
    position: relative;
}

.k-tabstrip-items
{
    padding: 0.3em 0.3em 0;
}

.k-tabstrip-scrollable .k-tabstrip-items
{
    white-space: nowrap;
    overflow: hidden;
}

.k-tabstrip > .k-button
{
    position: absolute;
    top: .4em;
    z-index: 2;
    user-select: none;
}

.k-tabstrip-bottom > .k-button
{
    top: auto;
    bottom: .4em;
}

.k-tabstrip-prev
{
    left: .4em;
}

.k-tabstrip-next
{
    right: .4em;
}

.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item
{
    list-style-type: none;
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 1px 1px 0;
    margin: 0 -1px 0 0;
    padding: 0;
    vertical-align: top;
}

.k-tabstrip-items .k-tab-on-top,
.k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-items .k-state-active
{
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.k-tabstrip-items .k-tab-on-top
{
    z-index: 1;
}

.k-tabstrip-items .k-link,
.k-panelbar .k-tabstrip-items .k-link
{
    display: inline-block;
    border-bottom-width: 0;
    padding: .5em .92em;
}

.k-tabstrip-items .k-icon,
.k-panelbar .k-tabstrip-items .k-icon
{
    margin: -1px 4px 0 -3px;
    vertical-align: top;
}

.k-tabstrip-items .k-item .k-image,
.k-tabstrip-items .k-item .k-sprite,
.k-panelbar .k-tabstrip-items .k-item .k-image,
.k-panelbar .k-tabstrip-items .k-item .k-sprite
{
    margin: -3px 3px 0 -6px;
    vertical-align: middle;
}

/* TabStrip Loading Progress */
.k-tabstrip-items .k-loading
{
    top: 0;
    left: 0;
    height: 0;
    width: 20%;
    position: absolute;
    background: transparent;
    border-top: 1px solid transparent;
    border-color: inherit;
    .transition("width 200ms linear");
    .animation(k-tab-loader 1s ease-in-out infinite);
}

.k-tabstrip-items .k-progress
{
    .animation(none);
}

.k-tabstrip-items .k-loading.k-complete
{
    width: 100%;
    .animation(none);
}

.k-tabstrip > .k-content,
.k-panelbar .k-tabstrip > .k-content
{
    position: static;
    border-style: solid;
    border-width: 1px;
    margin: 0 .286em .3em;
    padding: .3em .92em;
    zoom: 1;
}

.k-tabstrip > .k-content
{
    display: none;
    overflow: auto;
}

.k-tabstrip > .k-content.km-scroll-wrapper
{
    padding: 0;
}

.k-tabstrip > .k-content > .km-scroll-container
{
    padding: .3em .92em;
}

@keyframes k-tab-loader {
    0% { left: 0; }
    50% { left: 80%; }
    100% { left: 0; }
}

/* left and right tabs */

.k-tabstrip-left > div.k-content,
.k-tabstrip-right > div.k-content
{
    margin: .286em .3em;
}

.k-tabstrip-left > .k-tabstrip-items .k-item,
.k-tabstrip-right > .k-tabstrip-items .k-item
{
    display: block;
    margin-bottom: -1px;
}

.k-tabstrip-left > .k-tabstrip-items .k-link,
.k-tabstrip-right > .k-tabstrip-items .k-link
{
    display: block;
}

.k-tabstrip-left > .k-tabstrip-items .k-tab-on-top,
.k-tabstrip-right > .k-tabstrip-items .k-tab-on-top,
.k-tabstrip-left > .k-tabstrip-items .k-state-active,
.k-tabstrip-right > .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active
{
    margin-bottom: -1px;
    padding-bottom: 0;
}

/* left tabs */

.k-tabstrip-left > .k-tabstrip-items
{
    float: left;
    padding: .25em 0 .3em .3em;
}

.k-tabstrip-left > .k-tabstrip-items .k-item
{
    border-width: 1px 0 1px 1px;
    border-radius: 3px 0 0 3px;
}

.k-tabstrip-left > .k-tabstrip-items .k-state-active
{
    border-width: 1px 0 1px 1px;
}

.k-tabstrip-left > .k-tabstrip-items .k-tab-on-top,
.k-tabstrip-left > .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active
{
    margin-right: -2px;
    padding-right: 1px;
}

/* right tabs */

.k-tabstrip-right > .k-tabstrip-items
{
    float: right;
    padding: .25em .3em .3em 0;
}

.k-tabstrip-right > .k-tabstrip-items .k-item
{
    border-width: 1px 1px 1px 0;
    border-radius: 0 3px 3px 0;
}

.k-tabstrip-right > .k-tabstrip-items .k-state-active
{
    border-width: 1px 1px 1px 0;
}

.k-tabstrip-right > .k-tabstrip-items .k-tab-on-top,
.k-tabstrip-right > .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active
{
    margin-left: -1px;
    padding-left: 1px;
}

/* bottom tabs */
    
.k-tabstrip-bottom > .k-tabstrip-items
{
    margin-top: -1px;
    padding: 0 .3em .3em;
}

.k-tabstrip-bottom > .k-content,
.k-panelbar .k-tabstrip-bottom > .k-content
{
    margin: .3em .286em 0;
    z-index: 1;
    position: relative;
}

.k-tabstrip-bottom > .k-tabstrip-items .k-item
{
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px;
}

.k-tabstrip-bottom > .k-tabstrip-items .k-state-active
{
    margin-bottom: 0;
    padding-bottom: 0;
    
}

.k-tabstrip-bottom > .k-content
{
    min-height: 100px;
}

.k-tabstrip-bottom > .k-tabstrip-items .k-loading
{
    top: auto;
    bottom: 0;
}
